﻿<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<!DOCTYPE html>
<html>
  <head>
  	
  	<%@ include file="/WEB-INF/include/meta.jsp" %>
  	<%@ include file="/WEB-INF/include/css.jsp" %>
  	<link href="${ctx.resource}/css/font-awesome.min.css" rel="stylesheet">
	
	<title>投资机构 - 众投湾</title>
	
	<fmt:setBundle basename="ApplicationMessage"/>
	<fmt:setLocale value="zh_CN"/>
	
  </head>

  <body>
  
	<%@ include file="/WEB-INF/include/header.jsp" %>
	
	  <div class="container">
	    <div class="zz-startups clearfix">
	    
	      <div class="clearfix col-xs-12">
	        <ul class="nav nav-pills zz-breadcrumb-nav">
	          <li class="active"><a class="font-size-16" href="javascript: void(0)"><i class="fa fa-university fa-2x" title="投资机构"></i>&nbsp;投资机构</a></li>
	          <li class="disabled"><a class="font-size-16" href="javascript: void(0)"><i class="fa fa-group fa-2x" title="投资人"></i>&nbsp;投资人</a></li>
	        </ul>
	      </div>
	      
	      <div class="col-xs-8 no-padding clearfix">
	      	
	      	<c:if test="${empty institutions}">
	      	  <p class="top-margin-20 text-light-gray font-size-16 font-weight-bold" style="padding-left: 15px;">对不起，没有找到任何有关的投资机构！</p>
	      	</c:if>
	      
	        <c:forEach var="institution" items="${institutions}">
	          <div class="col-xs-6">
	            <div class="institution-box">
	        
	              <div class="institution-head clearfix">
	                <img src="${ctx.upload}/${institution.profile.avatar}">
	                <div class="title line-ellipsis">
	                  <a class="no-text-decoration" href="${ctx}/institutions/${institution.id}">${institution.profile.name}</a>
	                </div>
	                <div class="content box-ellipsis">${institution.profile.description}</div>
	              </div>
	          
	              <div class="institution-tail">
	                <div class="col-xs-6">
	                  <b class="text-info" title="投资人">${institution.investorsCount}</b><br>
	                  <span>投资人</span>
	                </div>
	                <div class="col-xs-6">
	                  <b class="text-info" title="投资案例">0</b><br>
	                  <span>投资案例</span>
	                </div>
	              </div>
	            
	            </div>
	          </div><!-- col-xs-6 -->
	        </c:forEach>
	        
	        <div class="col-xs-12 top-padding-15">
	          <jsp:include page="/WEB-INF/include/page.jsp">
	            <jsp:param name="url" value="institutions"/>
		      </jsp:include>
	        </div>
	        
	      </div>
	      
	      <div class="col-xs-4">
	      
	        <form class="no-right-padding top-margin-20" method="get" action="${ctx}/institutions">
	          <div class="input-group">
	            <input name="name" type="text" class="form-control" placeholder="搜索投资机构">
	            <span class="input-group-btn">
	              <button type="submit" class="btn btn-success btn-shadow btn-shadow-success"><i class="fa fa-search fa-lg"></i>&nbsp;搜索</button>
	            </span>
	          </div>
	        </form>
	        
	        <div class="investor-sidebar">
	          <div class="heading-wrapper">
	            <h4 class="heading">最近入驻投资人</h4>
	          </div>
	          
	          <ul class="media-list">
	          
	          	<c:if test="${empty latestInvestors}">
	          	  <p class="text-deep-gray font-weight-bold font-size-16">暂无入驻投资人</p>
	          	</c:if>
	          	
	          	<c:forEach var="investor" items="${latestInvestors}">
	          	  <li class="media">
	                <a class="pull-left" href="javascript: void(0)"><img src="${ctx}/upload/${investor.profile.avatar}" width="64px" height="64px"></a>
	                <div class="media-body">
	                  <h4 class="media-heading text-primary font-weight-bold">${investor.profile.name}</h4>${investor.institution.profile.name}&nbsp;<b>·</b>&nbsp;${investor.title}
	                </div>
	              </li>
	          	</c:forEach>
	          	
	          </ul>
	        </div>
	        
	        <div class="institution-sidebar clearfix">
	          <div class="heading-wrapper">
	            <h4 class="heading">活跃机构&nbsp;<b class="text-funding">TOP10</b></h4>
	          </div>
	          
	          <ul class="list-unstyled rank-list pull-left" style="width: 50%;">
	            <li><b class="demo2do-radius-btn demo2do-radius-btn-danger right-margin-10">1</b>&nbsp;&nbsp;<b class="text-info">IDG资本</b></li>
	            <li><b class="demo2do-radius-btn demo2do-radius-btn-warning right-margin-10">2</b>&nbsp;&nbsp;<b class="text-info">经纬中国</b></li>
	            <li><b class="demo2do-radius-btn demo2do-radius-btn-primary right-margin-10">3</b>&nbsp;&nbsp;<b class="text-info">红杉资本中国</b></li>
	            <li><b class="demo2do-radius-btn demo2do-radius-btn-success right-margin-10">4</b>&nbsp;&nbsp;<b class="text-info">真格基金</b></li>
	            <li><b class="demo2do-radius-btn demo2do-radius-btn-success right-margin-10">5</b>&nbsp;&nbsp;<b class="text-info">创新工厂</b></li>
	          </ul>
	          <ul class="list-unstyled rank-list display-inline-block" style="width: 50%;">
	            <li><b class="demo2do-radius-btn demo2do-radius-btn-success right-margin-10">6</b>&nbsp;&nbsp;<b class="text-info">晨兴创投</b></li>
	            <li><b class="demo2do-radius-btn demo2do-radius-btn-success right-margin-10">7</b>&nbsp;&nbsp;<b class="text-info">华映资本</b></li>
	            <li><b class="demo2do-radius-btn demo2do-radius-btn-success right-margin-10">8</b>&nbsp;&nbsp;<b class="text-info">盛大资本</b></li>
	            <li><b class="demo2do-radius-btn demo2do-radius-btn-success right-margin-10">9</b>&nbsp;&nbsp;<b class="text-info">北极光创投</b></li>
	            <li><b class="demo2do-radius-btn demo2do-radius-btn-success right-margin-10">10</b>&nbsp;&nbsp;<b class="text-info">原子创投</b></li>
	          </ul>
	        </div>
	        
	        <div class="field-sidebar">
	          <div class="heading-wrapper">
	            <h4 class="heading">投资领域&nbsp;<b class="text-prefunding">TOP10</b></h4>
	          </div>
	          
	          <ul class="list-unstyled rank-list pull-left" style="width: 50%;">
	            <li><b class="demo2do-radius-btn demo2do-radius-btn-danger right-margin-10">1</b>&nbsp;&nbsp;&nbsp;&nbsp;<b class="text-info">互联网金融</b></li>
	            <li><b class="demo2do-radius-btn demo2do-radius-btn-warning right-margin-10">2</b>&nbsp;&nbsp;&nbsp;&nbsp;<b class="text-info">O2O</b></li>
	            <li><b class="demo2do-radius-btn demo2do-radius-btn-primary right-margin-10">3</b>&nbsp;&nbsp;&nbsp;&nbsp;<b class="text-info">移动互联网</b></li>
	            <li><b class="demo2do-radius-btn demo2do-radius-btn-success right-margin-10">4</b>&nbsp;&nbsp;&nbsp;&nbsp;<b class="text-info">互联网</b></li>
	            <li><b class="demo2do-radius-btn demo2do-radius-btn-success right-margin-10">5</b>&nbsp;&nbsp;&nbsp;&nbsp;<b class="text-info">众筹</b></li>
	          </ul>
	          <ul class="list-unstyled rank-list display-inline-block" style="width: 50%;">
	            <li><b class="demo2do-radius-btn demo2do-radius-btn-success right-margin-10">6</b>&nbsp;&nbsp;&nbsp;&nbsp;<b class="text-info">电子商务</b></li>
	            <li><b class="demo2do-radius-btn demo2do-radius-btn-success right-margin-10">7</b>&nbsp;&nbsp;&nbsp;&nbsp;<b class="text-info">社交网络</b></li>
	            <li><b class="demo2do-radius-btn demo2do-radius-btn-success right-margin-10">8</b>&nbsp;&nbsp;&nbsp;&nbsp;<b class="text-info">手机游戏</b></li>
	            <li><b class="demo2do-radius-btn demo2do-radius-btn-success right-margin-10">9</b>&nbsp;&nbsp;&nbsp;&nbsp;<b class="text-info">智能硬件</b></li>
	            <li><b class="demo2do-radius-btn demo2do-radius-btn-success right-margin-10">10</b>&nbsp;&nbsp;<b class="text-info">移动终端</b></li>
	          </ul>
	        </div>
	        
	      </div>
	      
	    </div>
	    
	  </div>
	
	<%@ include file="/WEB-INF/include/footer.jsp" %>
	<%@ include file="/WEB-INF/include/script.jsp" %>
    
  </body>
  
</html>
